<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="author" content="leslie" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<meta name="format-detection" content="telephone=no" />
		<meta name="msapplication-tap-highlight" content="no">
		<meta name="renderer" content="webkit">
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<meta http-equiv="cleartype" content="on">
		<title>我的订单</title>
		<script type="text/javascript" src="dist/js/flexible.js"></script>
		<script type="text/javascript" src="dist/js/flexible_css.js"></script>
		<link rel="stylesheet" href="dist/css/minirefresh.min.css" />
		<link rel="stylesheet" href="dist/css/common.css" />
		<link rel="stylesheet" href="css/style.css" />
	</head>

	<body>
		<div class="order">
			<div class="orderTab">
				<div data-index='0' class="orderTabList orderTabList1 active">
					<span>进行中</span>
				</div>
				<div data-index='1' class="orderTabList orderTabList2">
					<span>已完成</span>
				</div>
				<div data-index='2' class="orderTabList orderTabList3">
					<span>未支付</span>
				</div>
			</div>
			<div class="orderList">
				<div id="orderList0" class="minirefresh-wrap activeWrap orderList0">
					<div class="minirefresh-scroll">
						<div class="noOrder noOrderListNow">
							<div class="noOrderImg">
								<img src="img/noImg.png" />
							</div>
							<div class="noOrderText">
								暂无内容
							</div>
						</div>
						<ul class="data-list" id="listdata0">
							<div class="orderListNow">
								<div class="orderListNowTitle">充电宝</div>
								<div class="orderListNowContent">
									<div class="orderListNowContentPlace">
										<div class="orderListNowContentIcon">
											<img src="img/order-icon1.png" />
										</div>
										<div class="orderListNowContentText">海韵西餐厅</div>
									</div>
									<div class="orderListNowContentTime">
										<div class="orderListNowContentIcon">
											<img src="img/order-icon2.png" />
										</div>
										<div class="orderListNowContentText">2017/12/08/01:06:18</div>
									</div>
									<div class="orderListNowContentMoney">
										<div class="orderListNowContentIcon">
											<img src="img/order-icon3.png" />
										</div>
										<div class="orderListNowContentText">1.04元</div>
									</div>
								</div>
							</div>
						</ul>
					</div>
				</div>
				<div id="orderList1" class="minirefresh-wrap orderList1">
					<div class="minirefresh-scroll">
						<div class="noOrder noOrderListDone">
							<div class="noOrderImg">
								<img src="img/noImg.png" />
							</div>
							<div class="noOrderText">
								暂无内容
							</div>
						</div>
						<ul class="data-list" id="listdata1">
							<div class="orderListDone">
								<div class="orderListDoneBorrow">
									<div class="orderListDoneBorrowId">
										<span>借</span><span>充电宝ID1111111111111</span>
									</div>
									<div class="orderListDoneBorrowPlace">
										<span>借地点</span><span>海韵西餐厅</span>
									</div>
									<div class="orderListDoneBorrowTime">
										<span>时间</span><span>2017/12/08/01:06:18</span>
									</div>
								</div>
								<div class="orderListDoneReturn">
									<div class="orderListDoneReturnId">
										<span>还</span><span>充电宝ID1111111111111</span>
									</div>
									<div class="orderListDoneReturnPlace">
										<span>还地点</span><span>海韵西餐厅</span>
									</div>
									<div class="orderListDoneReturnTime">
										<span>时间</span><span>2017/12/08/01:06:18</span>
									</div>
								</div>
							</div>
							<div class="orderListDone">
								<div class="orderListDoneBorrow">
									<div class="orderListDoneBorrowId">
										<span>借</span><span>充电宝ID1111111111111</span>
									</div>
									<div class="orderListDoneBorrowPlace">
										<span>借地点</span><span>海韵西餐厅</span>
									</div>
									<div class="orderListDoneBorrowTime">
										<span>时间</span><span>2017/12/08/01:06:18</span>
									</div>
								</div>
								<div class="orderListDoneReturn">
									<div class="orderListDoneReturnId">
										<span>还</span><span>充电宝ID1111111111111</span>
									</div>
									<div class="orderListDoneReturnPlace">
										<span>还地点</span><span>海韵西餐厅</span>
									</div>
									<div class="orderListDoneReturnTime">
										<span>时间</span><span>2017/12/08/01:06:18</span>
									</div>
								</div>
							</div>
						</ul>
						<div class="orderListDoneMore">点击更多</div>
					</div>
				</div>
				<div id="orderList2" class="minirefresh-wrap orderList2" >
					<div class="minirefresh-scroll">
						<div class="noOrder noOrderListNoPay">
							<div class="noOrderImg">
								<img src="img/noImg.png" />
							</div>
							<div class="noOrderText">
								暂无内容
							</div>
						</div>
						<ul class="data-list" id="listdata2">
							<div class="orderListNoPay">
								<div class="orderListNoPayContent">
									<div class="orderListNoPayContentTime">
										2017/12/08/01:06:18
									</div>
									<div class="orderListNoPayContentMoney">
										<span>待支付</span><span>1.00元</span>
									</div>
									<div class="orderListNoPayContentPower">
										<span>充电宝</span><span>ID1111111111111</span>
									</div>
								</div>
								<div class="orderListNoPayBtn">去支付</div>
							</div>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="dist/js/jquery.min.js"></script>
	<script type="text/javascript" src="dist/js/minirefresh.min.js"></script>
	<script type="text/javascript" src="dist/js/common.js"></script>
	<script type="text/javascript" src="js/order.js"></script>
</html>